<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>建管指标</title>
    <link rel="stylesheet" href="./static/css/indexNew.css" />
</head>
<body>
    <div class="wrapper">
        <div class="topTitle">
            <h1>建管指标</h1>
        </div>
        <div class="content">
            <div class="contentLeft">
                <div class="section">
                    <div class="sectionBg">
                        <div class="sectionTitle">总量<span class="sectionNum">2.08</span><span class="sectionName">进度指数</span></div>
                        <div class="sectionEchart progressIndexJEchart"></div>
                    </div>
                </div>
                <div class="section">
                    <div class="sectionBg">
                        <div class="sectionTitle">总量<span class="sectionNum">0.01</span><span class="sectionName">风险指数</span></div>
                        <div class="sectionEchart riskIndexJEchart"></div>
                    </div>
                </div>
            </div>
            <div class="contentCenter">
                <div class="section">
                <div class="sectionBg">
                    <div class="sectionTitle">总量<span class="sectionNum">127.6</span><span class="sectionName">线路长度</span></div>
                    <div class="sectionEchart lineLengthEchart"></div>
                </div>
                </div>
                <div class="section">
                    <div class="sectionBg">
                        <div class="sectionTitle">总量<span class="sectionNum">93</span><span class="sectionName">车站</span></div>
                        <div class="sectionEchart stationEchart"></div>
                    </div>
                </div>
            </div>
            <div class="contentRight">
                <div class="section">
                    <div class="sectionBg">
                        <div class="sectionTitle">总量<span class="sectionNum">62.39%</span><span class="sectionName">投资完成率</span></div>
                        <div class="sectionEchart investmentCompletionjEchart"></div>
                    </div>
                </div>
                <div class="section">
                    <div class="sectionBg">
                        <div class="sectionTitle">总量<span class="sectionNum">198</span><span class="sectionName">盾构区间</span></div>
                        <div class="sectionEchart shieldIntervalEchart"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./static/js/swiper-bundle.min.js"></script>
    <script src="./static/js/echarts.min.js"></script>
    <script src="./static/js/indexNew.js"></script>
    <script>
        var swiper = new Swiper(".swiper-container", {
          slidesPerView: 4,
          spaceBetween: 20,
          loop: true,
          pagination: {
            el: ".swiper-pagination",
            clickable: true,
          },
          autoplay: {
            delay: 10000,
            disableOnInteraction: false,
          },
        });
      </script>
</body>
</html>